﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Location.aspx.cs" Inherits="XomTro.Location" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css" />
    <link href="css/demo.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery.js" type="text/javascript"></script>
    <script src="js/bootstrap.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.cycle.all.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
        // The following example creates a marker in Stockholm, Sweden
        // using a DROP animation. Clicking on the marker will toggle
        // the animation between a BOUNCE animation and no animation.

        var stockholm = new google.maps.LatLng(59.32522, 18.07002);
        var parliament = new google.maps.LatLng(59.327383, 18.06747);
        var marker;
        var map;

        function initialize() {
            var mapOptions = {
                zoom: 13,
                center: stockholm
            };

            map = new google.maps.Map(document.getElementById('map-canvas'),
                    mapOptions);

            marker = new google.maps.Marker({
                map: map,
                draggable: true,
                animation: google.maps.Animation.DROP,
                position: parliament
            });
            google.maps.event.addListener(marker, 'click', toggleBounce);
        }

        function toggleBounce() {

            if (marker.getAnimation() != null) {
                marker.setAnimation(null);
            } else {
                marker.setAnimation(google.maps.Animation.BOUNCE);
            }
        }

        google.maps.event.addDomListener(window, 'load', initialize);

    </script>


</head>
<body>
    <form id="form1" runat="server">
        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="Home_Demo2.aspx">XÓM TRỌ</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">VietNam<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Distric 1</a></li>

                                <li class="divider"></li>
                                <li><a href="#">Distric 2</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Distric 3</a></li>
                            </ul>
                        </li>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Price <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li ><div style="display: block;padding: 20px;-moz-box-sizing: border-box;" >
                                    <h6>Price</h6>
                                    <div class="price">
                                    <div class="pricebegin"></div>
                                    <div class="priceend"></div>
                                    <div class="priceslide"></div>
                                          </div></div></li>

                                <li class="divider"></li>
                                <li><a href="#">$50 - $100</a></li>
                                <li class="divider"></li>
                                <li><a href="#">More than $100</a></li>
                            </ul>
                        </li>
                    </ul>
                    <div id="searchtop" class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="where are your new home?" style="width: 250px" />
                        </div>
                        <button type="submit" class="btn btn-default">Submit</button>
                    </div>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">SIGN UP</a></li>
                        <li><a href="#">LOGIN</a></li>
                        <li><a href="#">HELP</a></li>
                    </ul>
                </div>
                <!--/.navbar-collapse -->
            </div>
        </div>
        <div class="locationsumary">
              <div class="container">
                  <div class="row">
                    <div class="districname">
                        <span class="tieude">Result for: </span>
                        <span class="noidung">District 1</span>

                    </div>
                
                    <div class="locationplacedetail">
                        <span class="tieude">Places to stay: </span>
                        <span class="noidung">31568</span>
                      

                    </div>
                </div>
            <div id="map-canvas" style="margin-top:10px"></div>
            </div>
        </div>
        <div class="districlocation" style="background-color: rgb(245, 245, 245)">
            <div class="container">
                <script type="text/javascript">
                    $(document).ready(function () {
                        $('#showmorehouse').hide();
                        var morehouse = $('#showmorehouse');
                        $('#linkmorehouse').click(function () {
                            morehouse.slideToggle('slow');
                            var $link = $(this);
                            if ($link.text() == "Show more") {
                                $link.text('Show less');
                            }
                            else {
                                $link.text('Show more');
                            }
                            return false;
                            //$('.speech p:eq(1)').show('show'); //fadeIn('slow') fadeOut(‘slow’)
                            //$(this).hide();
                            //return false;
                        });
                        $('#showmoreutilities').hide();
                        var firstspeech = $('#showmoreutilities');
                        $('#linkmoreutilities').click(function () {
                            firstspeech.slideToggle('slow');
                            var $link = $(this);
                            if ($link.text() == "Show more utilities") {
                                $link.text('Show less utilities');
                            }
                            else {
                                $link.text('Show more utilities');
                            }
                            return false;
                            //$('.speech p:eq(1)').show('show'); //fadeIn('slow') fadeOut(‘slow’)
                            //$(this).hide();
                            //return false;
                        });

                        //    $('.detail').hide();
                        //    $('.avaimg').hover(function () {
                        //        $('.detail').show();
                        //    },

                        //        function () {
                        //            $('.detail').hide();
                        //});
                        //$('.detail').hide();
                        //      $('.avaimg').hover(function () {
                        //          $('.detail').fadeIn(500);
                        //      });

                        //      $('.avaimg').mouseleave(function () {
                        //    $('.detail').fadeOut(500);

                        //});
                        //      });  $('.tb_cover_wr').hover(function(){

                        //$('.avaimg').hover(function () {
                        //    $('.detail').fadeToggle();
                        //});
                        $(".avaimg").hover(function () {
                            $(this).find(".detail").stop().fadeIn(500);
                        }, function () {
                            $(this).find(".detail").stop().fadeOut(500);
                        });
                    });
                </script>
                <!-- Example row of columns -->
                <div class="navdirect" style="margin-bottom:20px">
                    <a href="Home_Demo2.aspx">Home</a>
                    ›
                    <a href="#">Ho Chi Minh</a>
                    ›
                     <a href="#">District 1</a>
                    ›
                </div>
                <div class="row">
                    <div class="districtitle">
                        <%--<h1>Featured Locations</h1>--%>
                    </div>
               <%--     <h2>Ben Thanh Market</h2>--%>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/whitehouse.jpg" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>White House</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/image4.png" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>White House</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/image5.png" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>Stubasa Stadium</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>

                  <%--  <h2>Diamond Plaza</h2>--%>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/whitehouse.jpg" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>Stubasa Stadium</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/image2.png" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>Stubasa Stadium</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <div class="avaimg">
                                <img data-src="holder.js/300x200" alt="..." src="IMGS/image1.png" />
                                <div class="detail">
                                    <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                </div>
                                <div class="PriceInfo" style=""><b>$320</b></div>
                            </div>
                            <div>

                                <h3>Stubasa Stadium</h3>
                                <a href="#" class="listview">978 Views</a>
                            </div>
                            <div class="utilitiadd">



                                <p>
                                    1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                </p>

                            </div>
                            <div class="host_info">
                                <a href="#">
                                    <div class="host_info_left">
                                        <img class="hostphoto" src="IMGS/host1.jpg" />
                                        <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                        <p style="color: rgb(156, 156, 156);">01675765706</p>
                                    </div>
                                    <div class="host_info_right">
                                        <button type="button" class="btn btn-info ">
                                            <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                        </button>


                                    </div>
                                </a>
                            </div>

                        </div>

                    </div>
                </div>

                <div id="showmorehouse">
                    <div class="row">
                        <h2>Ben Thanh Market</h2>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/whitehouse.jpg" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/image2.png" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/image1.png" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>

                        <h2>Diamond Plaza</h2>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/whitehouse.jpg" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/image2.png" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                        <div class="col-sm-6 col-md-4">
                            <div class="thumbnail">
                                <div class="avaimg">
                                    <img data-src="holder.js/300x200" alt="..." src="IMGS/image1.png" />
                                    <div class="detail">
                                        <p>Sin Chai village may not be a well-known attraction for both tourist and Vietnamese people. Yet, inside this pristine village, there are a lot of wonderful scenery that could even make hardest hearts melt away…I ...</p>
                                    </div>
                                    <div class="PriceInfo" style=""><b>$320</b></div>
                                </div>
                                <div>

                                    <h3>Stubasa Stadium</h3>
                                    <a href="#" class="listview">978 Views</a>
                                </div>
                                <div class="utilitiadd">



                                    <p>
                                        1600 Pennsylvania Ave NW, Washington, DC 20500, USA
                                    </p>

                                </div>
                                <div class="host_info">
                                    <a href="#">
                                        <div class="host_info_left">
                                            <img class="hostphoto" src="IMGS/host1.jpg" />
                                            <p style="padding-top: 10px">Nguyen Van Thinh</p>
                                            <p style="color: rgb(156, 156, 156);">01675765706</p>
                                        </div>
                                        <div class="host_info_right">
                                            <button type="button" class="btn btn-info ">
                                                <span class="glyphicon glyphicon-calendar"></span>&nbsp; 23/12/2013
                                            </button>


                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>

                <a id="linkmorehouse" href="#">Show more</a>

            </div>
        </div>

    </form>
</body>
</html>
